<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich">
<h:head>      
	<h:outputScript name="jquery.corner.js" library="js"></h:outputScript>
	<h:outputScript name="fpScript.js" library="js"></h:outputScript>
	<h:outputScript name="s3Slider.js" library="js"></h:outputScript>
	<h:outputStylesheet name="layout.css" library="css"></h:outputStylesheet>
	<h:outputStylesheet name="core.css" library="css"></h:outputStylesheet>
	<title><ui:insert name="pageTitle">Page Title</ui:insert></title>	
	<style>
		.ui-corner-all {
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;	
		}		
	</style>
</h:head>

<h:body onload="rndCorners()">
<f:loadBundle basename="resources" var="msg" />		
<table style="border:1px solid #CAD6E0"  align="center" cellpadding="0" cellspacing="0" border="0" width="992px">
<tbody>

	<tr>
		<td align="center" valign="middle" width="100%">
			<ui:insert name="pageHeader"><ui:include src="/templates/header.xhtml" /></ui:insert>			
		</td>
	</tr>
	
	<tr>
		<td width="100%" valign="middle">
			<table width="100%" style="height:100%;" align="left" cellpadding="0" cellspacing="2" border="0">
			<tbody>
				<tr>
					<td align="left" width="100%" colspan="4">
						<rich:panel styleClass="messagesBox">
							<ui:insert name="messagesBox"> Messages Box </ui:insert>
						</rich:panel>
					</td>					
				</tr>
				<tr>
					<td align="center" colspan="3">
						<ui:insert name="mainBanner"> Main Banner </ui:insert>						
					</td>
					<td align="center">
						<ui:insert name="rightPanel"> Right Panel</ui:insert>						
					</td>
				</tr>
				<tr valign="middle">
					<td align="center" width="248px" valign="middle">
						<ui:insert name="smallBox1"> Small Box 1 </ui:insert>						
					</td>
					<td align="center" width="248px" valign="middle">
						<ui:insert name="smallBox2"> Small Box 2 </ui:insert>						
					</td>
					<td align="center" width="248px" valign="middle">
						<ui:insert name="smallBox3"> Small Box 3 </ui:insert>						
					</td>
					<td align="center" width="248px" valign="middle">
						<ui:insert name="smallBox4"> Small Box 4 </ui:insert>						
					</td>
				</tr>
			</tbody>
			</table>
		</td>		
	</tr>	
	
	
	<tr>
		<td align="center" valign="middle" width="100%">
			<rich:panel styleClass="footerBox">
				<ui:insert name="pageFooter">Page Footer</ui:insert>
			</rich:panel>
		</td>
	</tr>
</tbody>
</table>
</h:body>		
</html>